<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>我的</title>
	<meta name="viewport" content="width=750,maximum-scale=1.0,user-scalable=no" />
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/common.css" />
	<link rel="stylesheet" href="css/myself.css" />
</head>
<body>
	<div class="body">
		<header>
			<div class="header_left">
				<button style="button" class="nav_btn">Back</button>
			</div>
			<div class="header_middle">
				<h1>我的</h1>
			</div>
			<div class="header_right">
				<a href="#" class="mail_alert">
					<img src="images/mail.png" />
					<div class="alert_num">31</div>
				</a>
			</div>
		</header>
		
		<section class="login">
			<a href="#">
				<img src="images/portrait.png" />
				<div>
					<p>点击登陆</p>
					<p>常居地未设置</p>
				</div>
				<div>&gt;</div>
			</a>
		</section>

		<section class="recommand_entrance">
			<div>
				<img src="images/comment_img.png" alt="">
				<p>我的点评</p>
			</div>
			<div>
				<img src="images/collect_img.png" alt="">
				<p>我的收藏</p>
			</div>
			<div>
				<img src="images/coupon_img.png" alt="">
				<p>我的优惠券</p>
			</div>
		</section>
		<div class="clearfix"></div>

		<section class="entrance">
			<ul class="section_header">
				<li><img src="images/purse.png" /></li>
				<li>我的钱包</li>
				<li><a href="#" class="more">更多</a></li>
			</ul>
			<div class="clearfix"></div>
		</section>

		<section class="entrance">
			<ul class="section_header">
				<li><img src="images/cloud.png" /></li>
				<li>待点评</li>
				<li><a href="#" class="more">更多</a></li>
			</ul>
			<div class="clearfix"></div>
		</section>

		<section class="entrance">
			<ul class="section_header">
				<li><img src="images/find.png" /></li>
				<li>找好友</li>
				<li><a href="#" class="more">更多</a></li>
			</ul>
			<div class="clearfix"></div>
		</section>

		<section class="entrance">
			<ul class="section_header">
				<li><img src="images/clock.png" /></li>
				<li>我的足迹</li>
				<li><a href="#" class="more">更多</a></li>
			</ul>
			<div class="clearfix"></div>
		</section>

		<section class="entrance entrance_top">
			<ul class="section_header">
				<li><img src="images/tool.png" /></li>
				<li>设置</li>
				<li><a href="#" class="more">更多</a></li>
			</ul>
			<div class="clearfix"></div>
		</section>

		<section class="entrance">
			<ul class="section_header">
				<li><img src="images/phone.png" /></li>
				<li>联系</li>
				<li><a href="#" class="more">更多</a></li>
			</ul>
			<div class="clearfix"></div>
		</section>

		<div class="action">
			<a href="#" class="button">退出</a>
			<a href="#" class="button">注销</a>
		</div>
		<div class="clearfix"></div>

		<div class="blank"></div>

		<nav>
			<a href="index.html"><img src="images/nav-img-1.png" /><br>首页</a>
			<a href="category.html"><img src="images/nav-img-2.png" /><br>分类</a>
			<a href="find.html"><img src="images/nav-img-3.png" /><br>发现</a>
			<a href="#"><img src="images/nav-img-4-focus.png" /><br>我的</a>
		</nav>
	</div>
	<script src="js/common.js"></script>
</body>
</html>